<template>
    <div class="subpage platform-message-detail-container">
        <div class="platform-message-detail-top">{{detail.title}}</div>
        <div class="platform-message-detail-center" v-html="detail.content">
            <!-- <p>{{detail.content}}</p> -->
            <!-- <p>尊敬的牧场主：您好！</p>
            <p>今年“五一”放假4天!2019年5月1日至4日放假调休，共4 天。4月28日（星期日）、5月5日（星期日）上班。</p>
            <p>节假日期间，各区、各部门要妥善安排好值班和安全、 保卫等工作，遇有突发事件，要按规定及时报告并妥善处置 确保人民群众祥和平安度过节日假期。</p> -->
        </div>
        <div class="platform-message-detail-bottom">
            <p>友牧农场线上运营团队</p>
            <p>{{detail.sendTime}}</p>
            <!-- <p>2019年4月24日</p> -->
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            detail: {}
        }
    },
    created() {
        console.log(this.$route.params.id)
        this.getDetailData()
        this.setReadMsg()
    },
    methods: {
        getDetailData() {
            this.$api.get('/api/imm/getMessageById/' + this.$route.params.id)
                .then((res) => {
                    res.data.sendTime = this.$tool.dateFormat(res.data.sendTime, 0)
                    this.detail = res.data
                })
        },
        setReadMsg() {
            // this.$api.post('/api/imm/setRead?noLoading', {
            //     ids: [this.$route.params.id]
            // }).then((res) => {

            // })
            let ids = [this.$route.params.id]
            this.$api.post('/api/imm/setRead/' + this.$route.params.id)
                .then((res) => {

                })
        }
    }
}
</script>

<style lang="scss" scoped>
    .platform-message-detail-container {
        width: 100%;
        padding: 24px 30px 0;
        box-sizing: border-box;
        color: #5D6164;
        background-color: #fff;
        .platform-message-detail-top {
            margin-bottom: 24px;
            text-align: center;
        }
        .platform-message-detail-center {
            font-size: 12px;
            p {
                margin-bottom: 8px;
                text-indent: 2em;
            }
            p:first-child {
                text-indent: 0;
            }
        }
        .platform-message-detail-bottom {
            margin-top: 36px;
            padding-bottom: 20px;
            box-sizing: border-box;
            p {
                font-size: 12px;
                text-align: right;
            }
            p:first-child {
                margin-bottom: 4px;
            }
        }
    }
</style>